﻿<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="welcome to my personal site">
<title>mamaTeam</title>

<link rel="image_src" href="imgs/fbShare.jpg"/>
<link rel="icon" href="imgs/icon.gif" type="image/gif" >

<link href="css/css_reset.css" rel="stylesheet">
<link href="css/css.css" rel="stylesheet">
<link href="css/about.css" rel="stylesheet" type="text/css">
<link href="css/portfolio.css" rel="stylesheet" type="text/css">
<link href="css/contact.css" rel="stylesheet" type="text/css">
<link href="css/jpreloader.css" rel="stylesheet" type="text/css">

<script src="js/jQuery/jquery-1.8.3.min.js"></script>
<script src="js/plugins/CSSPlugin.min.js"></script>
<script src="js/plugins/BezierPlugin.min.js"></script>
<script src="js/easing/EasePack.min.js"></script>
<script src="js/TweenMax.min.js"></script>
<script src="js/jpreloader.js"></script>

<!--瀏覽器更新提示視窗-->
<link href="browerInfo/browerInfo.css" rel="stylesheet">
<script src="browerInfo/browerInfo.js"></script>

<script src="js/aniBGFrame.js"></script>
<script src="js/preLoad.js"></script>

<script src="js/scrollAni.js"></script>
<script src="js/ui.js"></script>
<script src="js/works.js"></script>
<script src="js/menu.js"></script>
<script src="js/init.js"></script>

<script type="text/javascript">
//google推出的用来统计网站信息的一个java脚本。可以在GoogleAnalytics获得网站的统计和追踪信息数据以及统计报表。
//http://zhanglulu33.blog.163.com/blog/static/1127995420101161178583/

  /*var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-37633722-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();*/
  
</script>

<link type="text/css" media="screen" rel="stylesheet" href="awwwards.css" />

</head>

<body>

	<div id="preLoadBox"></div>
	
    <!--<div id="award"><a href="#" target="_blank"></a></div>
    <div id="award2"><a href="#" target="_blank"></a></div>-->
    <!--<div class="csswinner"><a href="http://www.csswinner.com/details/olives/4220" target="_blank">::Olive's::</a></div>-->
    
    <!--<div id="awwwards" class="right green">
   		 <a href="http://www.awwwards.com/best-websites/olive-s" target="_blank">best websites of the world</a>
    </div>-->
    
    <div id="container">
    	
        <div id="txtShow"></div>
    
    	<div id="logo"></div>
        
        <!--workPop-->
        <div id="blackMsk"></div>
        
      	<div id="worksPop">
        	
            <div id="workPopClose"><a></a></div>
            
            <div id="popNextBtn" class="popArrowBtn">
                <img class="btnIcon" src="imgs/portfolio/btn_popNext_icon.png" width="75" height="53">
                <img class="btnW" src="imgs/portfolio/btn_popNext_w.png" width="75" height="53">
            </div>
            <div id="popPrevBtn" class="popArrowBtn">
                <img class="btnIcon" src="imgs/portfolio/btn_popPrev_icon.png" width="75" height="53">
                <img class="btnW" src="imgs/portfolio/btn_popPrev_w.png" width="75" height="53">
            </div>
            
        	<ul id="worksPopImgMain">
            	<!--<li><img src="imgs/portfolio/imgs/popImgs/01-1.jpg" ></li>-->
            </ul>
            
        </div>
    
    	<div id="kvMain">
        	
            <!--topMenu-->
            <!--html5 music-->
            <audio id="music" preload="auto" loop>
              <!--<source src="sound/music.mp3" type="audio/mp3" />
              <source src="sound/music.ogg" type="audio/ogg" />-->
              Your browser does not support the audio tag.
            </audio>
            
            <ul id="topMenu">
                <li id="fb"></li>
                <li id="sound" class="sound_on"></li>
            </ul>
            
            <!--fbLike-->
            <div id="fbLike">
            <iframe src="#" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
            </div>
            
            <!--主選單-->
        	<div id="menuMain">
                
            	<ul id="menuTag">
                	<div id="menu_menu"></div>
                	<li id="menu_about"></li>
                    <li id="menu_works"></li>
                    <li id="menu_contact"></li>
                    <div id="tagLight"></div>
                </ul>
                
            </div>
        	
            <!--關於我-->
        	<div id="pageAbout">
            	<h3 id="aboutW_01">welcome to my personal site</h3>
                <h3 id="aboutW_02">welcome to my personal site</h3>
                <h3 id="aboutW_03">welcome to my personal site</h3>
                <h3 id="aboutW_04">welcome to my personal site</h3>
                <h3 id="aboutCat"></h3>
            </div>
            
            <!--作品集-->            
          	<div id="pagePortfolio">
            	<div id="nextBtn" class="arrowBtn">
                	<img class="btnIcon" src="imgs/portfolio/btn_next_icon.png" width="75" height="53">
                    <img class="btnW" src="imgs/portfolio/btn_next_w.png" width="75" height="53">
                </div>
                <div id="prevBtn" class="arrowBtn">
                	<img class="btnIcon" src="imgs/portfolio/btn_prev_icon.png" width="75" height="53">
                    <img class="btnW" src="imgs/portfolio/btn_prev_w.png" width="75" height="53">
                </div>
                <!--获取ajax文件里面的json文件-->
                <ul id="portfolioList">
                	<!-- <li><img src="imgs/portfolio/imgs/work_01.png" width="110" height="80"></li> -->
                </ul>
            </div>
            
            <!--聯絡我-->
            <div id="pageContact">
            
            	<ul id="contactTag">                	
                    <li id="tagPoker"></li>
                    <li id="tagInfo"><a href="http://mail.qq.com/" target="_blank"></a></li>
                    <li id="tagBottom"></li>
                    <li id="contactHead"></li>                
                </ul>
                
            </div>            
        
        	<div id="videoMain">
            	<div id="dotMsk"></div>
            	<div id="videoLargePlay"></div>
                <div id="videoPlay"></div>
            </div>
            
            <div id="kvHand"></div>
        
        </div>
        
         <div id="videoBlock"></div>
    
    </div>

</body>
</html>
